.yvan-grid-wrapper {
    display: flex;
    flex-direction: column;
}

.yvan-grid {
    flex-grow: 1;
    /*min-height: 310px;*/
}
.yvan-grid .ag-root-wrapper{
    height: 100%;
}
.yvan-grid-wrapper > .yvan-grid {
    height: 100%;
}
.yvan-grid-wrapper.fullscreen {
    z-index: 99;
    object-fit: contain;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    margin: 0 !important;
}

.yvan-grid-toolbar {
    background-color: white;
    overflow-x: auto;
    overflow-y: hidden;
}

.yvan-grid-toolbar-container {
    display: flex;
    justify-content: space-between;
    height: 64px;
    padding: 0 10px 0 24px;
    line-height: 64px;
}

.yvan-grid-toolbar-left {
    display: flex;
    justify-content: flex-start;
}

.yvan-grid-toolbar-title {
    color: rgba(0, 0, 0, .85);
    font-size: 16px;
    font-family: PingFangSC-Medium;
    margin-right: 10px;
}

.yvan-grid-toolbar-right {
    display: flex;
    justify-content: flex-end;
}

.yvan-grid-toolbar-divider {
    margin-right: 0;
    margin-left: 8px;
}

.yvan-grid-toolbar-setting-item {
    margin-left: 6px;
    cursor: pointer;
}

.yvan-grid-alert {
    background-color: white;
    margin-bottom: 16px;
    padding: 0 24px;
}

.ag-theme-alpine .ag-row .ag-cell.ag-cell-focus.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell){
    border-color: rgba(0,0,0,0);
    border-right:1px solid #f0f0f0
}
.ag-header-cell .ag-checkbox + .ag-react-container{
    position: absolute;
    left: 11px;
}
.cell-center{
    text-align: center;
}
.cell-right{
    text-align: right;
}
.yvan-grid-wrapper.fullscreen{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction:column;
}
.fullscreen .yvan-grid-toolbar{
    height: 64px;
}
.fullscreen .ag-theme-alpine{
    flex:1
}
.fullscreen .yvan-grid-pagination{
    height: 57.5px;
    background: #fff;
}
.fullscreen .ag-theme-alpine{
    overflow: hidden;
}
.fullscreen .ag-theme-alpine .ag-root-wrapper{
    overflow: auto;
}
.fullscreen .ag-theme-alpine .ag-root-wrapper .ag-focus-managed{
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}
.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation{
    overflow: auto;
}
.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation::-webkit-scrollbar{
    width:6px;
    height:6px;
    border-radius: 3px;
}
.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation::-webkit-scrollbar-button{
    width:0px;
    height:0px;
}
.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation::-webkit-scrollbar-track{
    background:#f7f7f7;
}
.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation::-webkit-scrollbar-thumb{
    background:#d9d9d9;
}
.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation::-webkit-scrollbar-track,.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation::-webkit-scrollbar-thumb{
    border-radius:3px;
}
.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation::-webkit-scrollbar-corner,.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation::-webkit-scrollbar-resizer,.fullscreen .ag-body-viewport.ag-layout-auto-height.ag-row-no-animation::-webkit-scrollbar-button{
    background:#fff;
}
.ag-theme-alpine .ag-icon-asc:before {
    content: "\f0de"!important;
    font: normal normal normal 14px/1 FontAwesome!important;
    color:#1890ff;
}
.ag-theme-alpine .ag-icon-desc:before {
    content: "\f0dd"!important;
    font: normal normal normal 14px/1 FontAwesome!important;
    color:#1890ff;
}
.ag-theme-alpine .ag-icon-menu:before{
    content: "\f002"!important;
    font: normal normal normal 14px/1 FontAwesome!important;
    color:#bfbfbf
}
.ag-theme-alpine .ag-header-cell{
    padding:0;
}
.ag-cell-label-container .ag-header-cell-label{
    padding:0 18px;
}
.ag-cell-label-container .ag-header-cell-label:hover{
    background: #f2f2f2;
}
.ag-header-cell-menu-button:not(.ag-header-menu-always-show){
    transition:none;
    opacity:1;
    height: 100%;
    padding: 0 7px;
    transition: all .3s;
}
.ag-header-cell-menu-button:not(.ag-header-menu-always-show) .ag-icon-menu{
    line-height: 44px
}
.ag-header-cell-menu-button:not(.ag-header-menu-always-show):hover{
    color: #9e9e9e;
    background: #e5e5e5;
}
.ag-theme-alpine .ag-ltr input[class^='ag-'][type='text']:focus{
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    border-color: #1890ff!important;
    padding: 6px 5px;
}
.ag-theme-alpine .ag-picker-field-wrapper:focus{
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    border-color: #1890ff!important;
}
.ag-theme-alpine .ag-standard-button{
    padding: 2px 10px;
}
.ag-theme-alpine .ag-filter-apply-panel{
    padding: 8px
}
.ag-theme-alpine .ag-popup-child:not(.ag-tooltip-custom){
    -webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, .3)!important;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, .3)!important;
    border-radius: 2px;
    border:none
}
.ag-theme-alpine .ag-filter-body-wrapper{
    background: #fff;
}
.ag-theme-alpine .ag-filter-body-wrapper .ag-filter-checkbox{
    width: 15px;
    height: 16px;
    line-height: 16px;
}
.ag-theme-alpine .ag-filter-body-wrapper .fa{
    font-size: 14px;
    color:#d9d9d9;
    position: relative;
    top: 1px;
}
.ag-theme-alpine .ag-filter-body-wrapper .fa-check-square{
    color:#1890ff
}
.ag-theme-alpine .ag-filter-body-wrapper .ag-filter-value{
    font-size: 14px;
}
.ag-theme-alpine .ag-filter-header-container{
    height: 30px;
    border-bottom: 1px solid #f0f0f0;
}
.ag-theme-alpine .ag-set-filter-list{
    background: #fff;
    padding:0
}
.ag-theme-alpine .ag-filter-apply-panel{
    border-color:#f0f0f0;
}
.ag-theme-alpine .ag-filter-apply-panel button.ag-filter-apply-panel-button{
    margin-left:0;
}
.ag-theme-alpine .ag-filter-apply-panel button{
    width: 50%;
    color: rgba(0,0,0,.85);
    background: #fff;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    border-radius: 2px;
    padding: 2px 7px;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    font-weight:normal;
    line-height: normal;
}
.ag-theme-alpine .ag-filter-apply-panel button:hover{
    color: #40a9ff;
    background: #fff;
    border-color: #40a9ff;
}
.ag-theme-alpine .ag-filter-apply-panel button:last-child{
    margin-left: 5px;
    color: #fff;
    background: #1890ff;
    border-color: #1890ff;
    font-size: 14px;
}
.ag-theme-alpine .ag-filter-apply-panel button:last-child:hover{
    background: #40a9ff;
    border-color: #40a9ff;
}
.ag-row-error-low{
    background: rgba(254,10,10,0.24)!important;
}
.ag-theme-alpine .ag-root .ag-horizontal-left-spacer:not(.ag-scroller-corner){
    overflow-x: hidden;
}
.ant-tree-treenode.node-hidden{
    display:none !important;
}
.yvan-grid-pagination > .ant-pagination {
    padding: 16px;
    background-color: white;
}
.excell-import-grid-title .yvan-grid-toolbar-left{
    display:none;
}
.excell-import-grid-title .yvan-grid-toolbar-right{
    width: 100%;
    position: relative;
}
.excell-import-grid-title .yvan-grid-toolbar-right .ant-space-align-center {
    position: absolute;
    left:0;
    top:15px
}
.excell-import-grid-title .yvan-grid-toolbar-right .ant-space-align-center .ant-form-item{
    margin-bottom: 0;
}
.ag-header-cell .ag-cell-label-container .ag-header-cell-label{
    padding: 0 9px;
}
.ag-cell-wrap-text{
    word-break: break-all;
}
.ag-theme-alpine .ag-header .ag-header-cell{
    padding: 0;
}